<!DOCTYPE html>
<html>
  <head>
    <title>地区管理-列表查询</title>
    <#include "fsoft-common.ftl" />
    <link rel="stylesheet" href="${request.contextPath}/plugins/layui/extend/eleTree/eleTree.css">
  </head>
  <body>
    <div class="layui-fluid">
      <div class="layui-row layui-col-space5">
        <div class="layui-col-md2">
          <div class="layui-card">
            <div class="layui-card-body">
              <div id="fsoftAreaTree" lay-filter="fsoftAreaTree" class="fsoft-trees"></div>
            </div>
          </div>
        </div>
        <div class="layui-col-md10">
          <div class="layui-row layui-col-space3">
            <div class="layui-card">
              <div class="layui-card-body">
                <form class="layui-form" action="" method="post" id="sysAreaSearchForm" lay-filter="sysAreaSearchForm" autocomplete="off">
									<input type="hidden" class="layui-input" name="parents" id="parents">
                  <div class="layui-inline layui-show-xs-block">
                    <input class="layui-input" type="text" name="code" placeholder="编码精确搜索" autocomplete="off">
                  </div>
                  <div class="layui-inline layui-show-xs-block">
                    <input class="layui-input" type="text" name="name" placeholder="名称模糊搜索" autocomplete="off">
                  </div>
                  <div class="layui-inline layui-show-xs-block">
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="sreach">
                      <i class="layui-icon layui-icon-search"></i>搜索
                    </button>
                  </div>
                </form>
              </div>
              <div class="layui-card-body">
                <table class="layui-table" id="sysAreaTableBody" lay-filter="sysAreaTableBody"></table>
              </div>
            </div>
          </div>
				</div>	
      </div>            
    </div> 
  </body>
  <#include "fsoft-common-foot.ftl" />
  <script type="text/javascript">
    layui.extend({eleTree:'eleTree/eleTree'});
  </script>
  <script type="text/html" id="switchStatus">
    <#-- 这里的 checked 的状态 -->
    <input type="checkbox" name="status" value="{{d.status}}" lay-skin="switch" lay-text="正常|禁用" lay-filter="status" disabled {{ d.status == 1 ? 'checked' : '' }}>
	</script>
	<script type="text/html" id="batchBtnToolbar">
		<div class="layui-btn-container">
			<@perms value="sys:area:save">
			<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="add">
				<i class="fa fa-plus" aria-hidden="true"></i>  新 增
			</button>
			</@perms>
			<@perms value="sys:area:remove">
			<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="removeBatch">
				<i class="fa fa-trash" aria-hidden="true"></i> 删 除
			</button>
			</@perms>
		</div>
	</script>
	<#-- 每一行最后一列的“操作” -->
	<script type="text/html" id="tbRowBar">
    <div class="layui-btn-container">
      <@perms value="sys:area:modify">
      <button class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</button>
      </@perms>
      <@perms value="sys:area:remove">
      <button class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</button>
      </@perms>
    </div>
	</script>
	<script type="text/javascript" src="${request.contextPath}/static/fsoft-web/area/sysarea-list.js?v=202002"></script>
</html>